<template>
  <div>
    <van-form @submit="onSubmit">
      <van-field
        v-model="user.username"
        name="用户名"
        label="用户名"
        placeholder="用户名"
        :rules="[{ required: true, message: '请填写用户名' }]"
      />
      <van-field
        v-model="user.password"
        type="password"
        name="密码"
        label="密码"
        placeholder="密码"
        :rules="[{ required: true, message: '请填写密码' }]"
      />
      <div style="margin: 16px">
        <slot name="operation"></slot>
        <div class="nav-container">
          <slot name="link"></slot>
        </div>
      </div>
    </van-form>
  </div>
</template>

<script>
export default {
  props: {
    user: Object,
  },

  methods: {
    onSubmit() {
      this.$emit("submint");
    },
  },
};
</script>

<style></style>
